<!DOCTYPE html>
<html lang="en">

<head>
    <title>电影页面</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../static/dist/css/mynav.css">
    <link rel="stylesheet" href="../static/dist/css/home.css">

    <link rel="stylesheet" href="../static/dist/css/index.css">
    <link rel="stylesheet" href="../static/dist/css/all_movies.css">
    <link rel="stylesheet" href="../static/dist/css/clear.css">
</head>

<body>
<div class="container-fluid " >
    <div class="row">
        <nav class="navbar navbar-expand-md fixed-top" role="navigation">
            <div class="container container-lk">
                <div class="navbar-header">
                    <a class="navbar-brand" href="home.html"><img src="../static/dist/img/logo2.jpg" alt=""></a>
                    <button class="navbar-btn dropdown-toggle" onclick="pop()">
                        <i style="font-size:24px;color: white" class="fa">
                            &#xf0c9
                        </i>
                        <p>菜单</p>
                    </button>
                </div>
                <div id="sid" class="sidebar">
                    <button onclick="remove()"><img src="../static/dist/img/delete.png" alt=""></button>
                </div>


                <div class="input-group navbar-left">
                    <!--                    <span class="input-group-addon dropdown">-->
                    <!--                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                    <!--                                所有 <b class="caret"></b>-->
                    <!--                            </a>-->
                    <!--                            <ul class="dropdown-menu">-->
                    <!--                                <li><a href="#">所有</a></li>-->
                    <!--                                <li><a href="#">类型</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">设置</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">退出登录</a></li>-->
                    <!--                            </ul>-->
                    <!--                    </span>-->
                    <input type="text" class="form-control" placeholder="请输入要搜索的内容" aria-label="Amount (to the nearest dollar)">
                    <span class="input-group-addon btn btn-primary"><i class="fa fa-search"></i></span>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav navbar-right " onmouseout="leave()">
                        <li><a href="home.html">首页</a></li>
                        <li><a href="#">电影</a></li>
                        <li><a href="#">榜单</a></li>
                        <li><a href="login.html" >登录|注册</a></li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                我的 <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" style="background-color: #080E1C">
                                <li><a href="personal.html">个人中心</a></li>
                                <li><a href="personal_order.html">我的订单</a></li>
                                <li class="divider"></li>
                                <li><a href="personal_settings.html">设置</a></li>
                                <li class="divider"></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </li>
                        <li>
                            <img class="picture" src="../static/dist/img/30.jpg">
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>


    <!-- 导航 -->
    <div class="movies-nav">
        <div class="nav-body">
            <div class="hotshowing">
                <a href="#" class="active">
                    正在热映
                </a>
            </div>
            <div class="willshow">
                <a href="#">
                     即将上映
                </a>
            </div>

        </div>
    </div>
    <!-- 电影分类列表 -->
    <div class="movie-list">
        <div class="list-body">
            <div class="list-model">
                <div class="name">
                    类型:
                </div>
                <ul class="tags">
                    <li class="tag-click active">
                        <a href="#">全部</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">爱情</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">喜剧</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">动画</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">剧情</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">恐怖</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">惊悚</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">科幻</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">动作</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">悬疑</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">犯罪</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">冒险</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">战争</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">奇幻</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">运动</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">家庭</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">古装</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">武侠</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">西部</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">历史</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">传记</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">歌舞</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">黑色电影</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">短片</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">纪录片</a>
                    </li>
                    <li class="tag-click">
                        <a ef="#">其他</a>
                    </li>
                </ul>
            </div>
            <div class="list-model">
                <div class="name">
                    区域:
                </div>
                <ul class="tags">
                    <li class="tag-click active">
                        <a href="#">全部</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">大陆</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">美国</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">韩国</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">日本</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">中国香港</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">中国台湾</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">泰国</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">印度</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">法国</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">英国</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">俄罗斯</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">意大利</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">西班牙</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">德国</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">波兰</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">澳大利亚</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">伊朗</a>
                    </li>
                    <li class="tag-click">
                        <a ef="#">其他</a>
                    </li>
                </ul>
            </div>
            <div class="list-model">
                <div class="name">
                    年代:
                </div>
                <ul class="tags">
                    <li class="tag-click active">
                        <a href="#">全部</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2020</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2019</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2018</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2017</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2016</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2015</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">2014</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2013</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2012</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">2011</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">2000-2010</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">90年代</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">80年代</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">70年代</a>
                    </li>
                    <li class="tag-click">
                        <a ef="#">更早</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 排序方式 -->
        <div class="sort">
            <div class="sort-model">
                <div class="sort-icon"></div>
                <span>按热门排序</span>
            </div>
            <div class="sort-model">
                <div class="sort-icon"></div>
                <span>按时间排序</span>
            </div>
            <div class="sort-model">
                <div class="sort-icon"></div>
                <span>按评论排序</span>
            </div>
        </div>
    </div>




    <div class="row" style="width: 75%;margin: auto">

        <div class="col-md-2 col-sm-4 topmovie" ><a href="">
            <img src="../static/dist/img/film.jpg"  /></a>
            <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
            <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
        </div>
        <div class="col-md-2 col-sm-4 topmovie"><a href="">
            <img src="../static/dist/img/film.jpg"  /></a>
            <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
            <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
        </div>
        <div class="col-md-2 col-sm-4 topmovie"><a href="">
            <img src="../static/dist/img/film.jpg"  /></a>
            <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
            <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
        </div>
        <div class="col-md-2 col-sm-4 topmovie"><a href="">
            <img src="../static/dist/img/film.jpg" /></a>
            <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
            <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
        </div>
        <div class="col-md-2 col-sm-4 topmovie"><a href="">
            <img src="../static/dist/img/film.jpg" /></a>
            <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
            <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
        </div>
 
    </div>
<!--    &lt;!&ndash; 电影列表 &ndash;&gt;-->
<!--    <div class="movies-body">-->
<!--        <ul id="movies-body">-->
<!--        </ul>-->
<!--    </div>-->


<div class="footer" style="visibility: visible;">
    <p class="friendly-links">
        关于第二视界 :
        <a href="#" target="_blank">关于我们</a>
        <span></span>
        <a href="#" target="_blank">管理团队</a>
        <span></span>
        <span></span>
        <a href="#" data-query="utm_source=maoyan_pc" target="_blank">欢喜首映</a>
    </p>

    <p class="friendly-links  credentials">
        <a href="#" target="_blank">中华人民共和国增值电信业务经营许可证 京B2-20190350</a>
        <span></span>
        <a href="#" target="_blank">营业性演出许可证 京演（机构）（2019）4094号</a>
    </p>
    <p class="friendly-links  credentials">
        <a href="#" target="_blank">广播电视节目制作经营许可证 （京）字第08478号</a>
        <span></span>
        <a href="#" target="_blank">网络文化经营许可证 京网文（2019）3837-369号 </a>
    </p>
    <p class="friendly-links  credentials">
        <a href="#" target="_blank">隐私政策 </a>
    </p>
    <p class="friendly-links  credentials">
        <a href="" target="_blank">京公网安备
            11010102003232号</a>
        <span></span>
        <a href="#/" target="_blank">京ICP备16022489号</a>
    </p>
    <p>
    <div class="certificate">
        <a href="#" target="_blank">
            <img src="http://p0.meituan.net/moviemachine/e54374ccf134d1f7b2c5b075a74fca525326.png">
        </a>
        <a href="#" target="_blank">
            <img src="http://p1.meituan.net/moviemachine/805f605d5cf1b1a02a4e3a5e29df003b8376.png">
        </a>
        <a href="h#" target="_blank">
            <img src="http://p0.meituan.net/scarlett/3cd2a9b7dc179531d20d27a5fd686e783787.png">
        </a>
    </div>
</div>


    <script src="../static/plugins/jquery/jquery-3.5.1.js"></script>
    <script src="../static/plugins/bootstrap/js/bootstrap.js"></script>
    <script src="../static/dist/js/mynav.js"></script>

</body>

</html>